<template>
  <div class="section-header">
    <h2>{{ title }}</h2>
    <div class="actions"><slot /></div>
  </div>
</template>

<script setup lang="ts">
defineProps<{ title: string }>()
</script>

<style scoped>
.section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom: 12px; }
.section-header h2 { margin: 0; font-size: 20px; color: var(--gray-900); }
.actions :deep(.el-button) { border-radius: 999px; }
</style>


